<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>select无限极联动</title>
</head>

<body>
    <div id="custom_data">
        <select name="first" class="first"></select>
        <select name="second" class="second" style="display:none"></select>
        <select name="third" class="third" style="display:none"></select>
        <select name="fourth" class="fourth" style="display:none"></select>
        <select name="fifth" class="fifth" style="display:none"></select>
        <select name="six" class="six" style="display:none"></select>
    </div>

    <script src="http://cdn.staticfile.org/jquery/1.11.3/jquery.min.js"></script>
    <script src="js/jquery.cxselect.js"></script>
    <script type="text/javascript" src="./cities.js"></script>
    <script type="text/javascript">
    $('#custom_data').cxSelect({
        selects: ['first', 'second', 'third', 'fourth', 'fifth','six'],
        // required: true,
        jsonValue: 'value',
        jsonName:'text',
        jsonSub:'children',
        data: cities,
        emptyStyle: 'none'
    });

    </script>
</body>

</html>